<template>
    <v-plain-dialog ref="enter">
        <el-form label-width="220px" label-position="right" class="authorAgree">
            <v-form-title title="单位授权书" class="title"/>
            <div>
                致：兴业银行股份有限公司上海分行    
            </div>
            <div class="indent">
                我公司无条件不可撤销地授权兴业数字金融服务（上海）股份有限公司（以下简称“兴业数金”）以及贵行有权查询我公司名下电子商业汇票系统中各类电子票据基本信息、票据交易流转信息、交易明细等信息，并将上述信息根据业务需要进行复制、转储和使用。由此产生的相关法律责任均由我公司承担。
            </div>
            <div>
                抄送：兴业数字金融服务（上海）股份有限公司
            </div>
            <div>
                特此授权。
            </div>
            <div class="right">
                公司名称：{{userInfo.enterpriseName}}
            </div>
            <div class="right">
                签订日期：{{nowDate.year}}年{{nowDate.month}}月{{nowDate.day}}日
            </div>
        </el-form>
    </v-plain-dialog>
</template>

<script lang="ts">
    import { Vue, Component, Prop } from 'vue-property-decorator'
    import vPlainDialog from '@/components/plain-dialog'
    import vFormTitle from '@/components/form-title'

    @Component({
        components: {
        vPlainDialog,
        vFormTitle
        }
    })

    export default class Merchants extends Vue {
        @Prop() userInfo
        @Prop() nowDate

        openDialog () {
            this.$refs['enter'].openDialog()
        }
    }
</script>

<style lang="less" scoped>
    .authorAgree{
        font-size: 16px;
        .title{
            text-align: center;
            font-size: 18px;
        }
        div{
            margin: 15px 0;
            line-height: 24px;
        }
        .indent{
            text-indent: 32px;
        }
        .right{
            text-align: right;
        }
    }
</style>

